웹 애플리케이션 개발에서 근본적인 성능 저하 요소는 동기 실행 입출력 작업에서 발생합니다. 스크립트가 동기 요청을 수행하면 브라우저의 메인 스레드가 네트워크의 본질적인 지연 시간에 묶여, '세계 정지' 상태를 만들게 됩니다.

1. 차단 문제

동기 요청은 false 플래그를 사용하여 XMLHttpRequest.open브라우저 스레드를 점유합니다. 서버 응답이 올 때까지 모든 사용자 상호작용, 애니메이션, 그리고 렌더링이 중단됩니다. 사용자 입장에서는 탭이 멈춘 것처럼 보입니다.

2. 로직의 분리

"정지의 범위를 넘어서"는 선형 모델에서 비동기 방식으로 전환하는 것을 의미합니다. 동기 프로그래밍은 엄격한 위에서 아래로의 순차적 흐름을 따르지만, 비동기는 이벤트 핸들러 데이터가 도착했음을 감지하는 데 의존하며, 스크립트가 즉시 실행을 계속할 수 있도록 합니다.

3. UI 반응성 요구사항

현대 프로젝트의 요구사항은 문서 UI가 정지되지 않도록 파일 읽기 또는 데이터 가져오기를 처리해야 합니다. 이는 복잡한 원격 작업 중에도 커서가 활성화되고 버튼이 클릭 가능한 상태를 유지함을 보장합니다.